<script setup lang="ts">
import KnowledgeCard from './KnowledgeCard.vue'
// import { ref } from 'vue'
// import type {
//   KnowledgeList,
//   KnowledgeParams,
//   KnowledgeType
// } from '@/types/consult'
// import { getKnowledgePage } from '@/services/consult'

// const props = defineProps<{
//   type: KnowledgeType
// }>()

// // 加载中状态
// const loading = ref(false)
// // 是否完全加载完毕数据
// const finished = ref(false)
// // 数据列表
// const list = ref<KnowledgeList>([])
// // 查询参数
// const params = ref<KnowledgeParams>({
//   type: props.type,
//   current: 1,
//   pageSize: 5
// })
// // 滚动到底部
// const onLoad = async () => {
//   const res = await getKnowledgePage(params.value)
//   list.value.push(...res.data.rows)
//   // 判断已经加载完成了
//   if (params.value.current >= res.data.pageTotal) {
//     finished.value = true
//   } else {
//     params.value.current++
//   }
//   loading.value = false
// }
</script>

<template>
  <div class="knowledge-list">
    <van-list finished-text="没有更多了">
      <knowledge-card
        v-for="(item, i) in 3"
        :key="i"
        :item="item"
      ></knowledge-card>
    </van-list>
  </div>
</template>

<style lang="scss" scoped>
.knowledge-list {
  padding: 0 15px;
}
</style>
